<template>
    <div>
        <button class="button-background button-text" @click="onClick">{{button_text}}</button>
    </div>
</template>

<script>
export default {
    props: ["button_text"],
    data() {
        return {};
    },
    methods: {
        onClick: function() {
            this.$emit("on-click");
        }
    }
};
</script>

<style scoped>
.button-background {
    background-color: navajowhite;
    border-radius: 5px;
}

.button-text {
    color: orangered;
    font-size: 20px;
    font-style: italic;
}
</style>